<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>相册</title>
<link href="${rc.contextPath }/js/themes/default/default.css" rel="stylesheet" type="text/css"/>
<style type="text/css">
*{margin:0;padding:0;list-style:none;}
body,html{height:97%;}
body{background-color: #ffffff;}

#left_tree{float:left;width:175px;height:100%;border:1px solid #ccc;background:#ffffff;overflow:auto;padding:10px; }
#right_main{float:left;width:97%;height:auto !important;min-height:100%;border:1px solid #ccc;background:#ffffff;padding:10px;}

.table{border-collapse:collapse;border:none;}
.table td{border:solid #c1dcee 1px;  font-size:15px;padding:3px;}
.trHead td{text-align:center;height:22px;background-image: url('${rc.contextPath}/images/td_bg.png');background-repeat: repeat-x;}

.tr td{font-size:13px;text-align:center;}
.tr:hover{background-color: #D8F79D}


ul li{ vertical-align: middle; line-height: 20px;}
.ul_tree li{width:98%;min-width:175px;dispaly:inline;white-space:nowrap;font-size:13px;	font-family:'宋体';height:20px;cursor:pointer;}
.ul_tree li img{vertical-align: middle;}
.on_li{font-size:13px;font-family:'宋体';vertical-align:middle;	line-height:20px;height:20px;cursor:pointer;font-weight: bold;color:red;font-style: italic;}
.ul_tree_node li{width:auto !important;min-width:175px;dispaly:inline-block;display:-moz-inline-box; white-space:nowrap; font-size:13px;height:20px;cursor:pointer;}
.ul_tree_node li img{vertical-align: middle;margin-top:0px;}

.tools{margin: 5px; font-style: normal; font-size: 14px; height:25px;}
.tools{text-decoration: none;height: 24px;margin: 0 5px 0 0;background: url('${rc.contextPath}/images/btnout_bg_left.gif') no-repeat left center;float: left;_display: inline;-moz-user-select:none;}
.tools img {margin: 2px 0px 4px 4px;_display: inline;float: left; border: 0px;}
.tools b {cursor:pointer;	white-space: nowrap;color: #666;font-weight: normal;height: 24px;padding:0 3px 0 3px;line-height: 24px;background: url('${rc.contextPath}/images/btnout_bg_right.gif') no-repeat right center;display:inline-block;+zoom: 1;+display: inline;}
.tools:hover {text-decoration: none;background: url('${rc.contextPath}/images/btnover_bg_left.gif') no-repeat left center;}
.tools:hover b {color: #147;background: url('${rc.contextPath}/images/btnover_bg_right.gif') no-repeat right center;}

.page_control{ padding:10px 5px;width:100%;height:auto !important;height:10px;}
.page_control a{ padding:0 5px; text-decoration:none;margin-right:5px;background-color:#CCC;color:#4164F1;}
.page_control a:hover{ text-decoration:none;margin-right:5px;background-color:#add2da;color:#fff;}
.page_control .on{ text-decoration:none; background-color: #136DA9;color:#fff;}
.f_l{ float:left; font-size:15px; color:#176193}
.f_r{ float:right;font-size:15px; color:#176193}


#right_top{ border:0px solid #c1dcee;height:auto !important;min-height:30px;padding:5px;vertical-align:middle;line-height:30px;}
.select_web{width:150px;font-size:14px;color:#5E5E5E}

.span{width:60%;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;display:inline-block;}
.tdbg{background: #ffffff;}
.tdbg2{background: #adb1b1;}

.div_li_style{height:20px;width:100px;float:left;border:1px solid #ccc;margin-left:15px;font-size:13px;verticle-align:middle;min-height:20px;text-align:center;background-color: #EEEEEE;cursor: pointer;}
.div_li_style_on{height:20px;width:100px;float:left;border:1px solid #ccc;margin-left:15px;font-size:13px;verticle-align:middle;min-height:20px;text-align:center;cursor: pointer;background-color: #ffffff;border-bottom-color: #ffffff;}

</style>
</head>
<body>
<input type="hidden" id="start" value="0"/>
<input type="hidden" id="limit" value="10"/>
<table border="0" width="100%" height="100%">
	<tr>
		<td style="height:100%;width:15%" valign="top">
			<%-- 所有栏目区 --%>
			<div id="left_tree"></div>
		</td>
		<td style="height:100%" valign="top">
			<div id="right_main">
				<div id="right_top">
					<span style="margin-right: 5px; font-style: normal; font-size: 14px; height:25px;float:left;" >
						选择站点：<select id="select_web" onchange="VP.loadTcolunmSource(this,true)" class="select_web"></select>
					</span>
					<a href="javascript:void(0)" onclick="EditArticle.source('图片库');"  class="tools" ><img  src="${rc.contextPath }/images/icon002a2.gif"/><b>　添加　</b></a>
					<a href="javascript:void(0)" onclick="VP.editeSummary();" class="tools" ><img  src="${rc.contextPath }/images/icon002a3.gif" /><b>　编辑　</b></a>
					<a href="javascript:void(0)" onclick="VP.del();" class="tools" ><img  src="${rc.contextPath }/images/icon002a3.gif" /><b>　删除　</b></a>
					<a href="javascript:void(0)" onclick="VP.freeze();" class="tools" ><img  src="${rc.contextPath }/images/icon002a3.gif" /><b>  冻结　</b></a>
					<a href="javascript:void(0)" onclick="VP.unfreeze();"  class="tools" ><img src="${rc.contextPath }/images/icon002a4.gif" /><b>  解冻    </b></a>
				</div>
				<table id="photo_grid" class="table" style="z-index:200;" align="center" width="100%" >
					<thead>
						<tr class="trHead">
							<td width="5%" colspan="5" style="text-align:left;" >相册列表
							<div id="layer" class="summary"></div>
							</td>
						</tr>
					</thead>
					<tbody id="dataGrid">
					</tbody>
				</table>
				<div class="page_control">
					<span class="f_l" id="totalCount"></span>
					<span class="f_r" id ='pagePanel'></span>
				</div>
			</div>
		</td>
	</tr>
</table>
<form id="source_form" action="resouceList" method="post">
		<input type="hidden" name="start" id="_start" value="0" />
		<input type="hidden" name="limit" id="_limit" value="9" />
		<input type="hidden" id="type" name="type" value="1"/>
	</form>
<script type="text/javascript" src="${rc.contextPath }/js/jquery/jquery-1.8.2.js"></script>
<script type="text/javascript" src="${rc.contextPath}/js/jquery/jquery.form.js" charset="utf-8"></script>
<script type="text/javascript" src="${rc.contextPath }/js/jquery/jquery.blockUI.js" charset="utf-8"></script>
<script type="text/javascript" src="${rc.contextPath }/js/kindeditor-min.js" charset="gb2312"></script>
<script type="text/javascript" src="${rc.contextPath }/js/article/simpleTree.js"></script>	
<script type="text/javascript" src="${rc.contextPath }/js/article/videoPhoto.js"></script>	
<script type="text/javascript" src="${rc.contextPath}/js/page.js" ></script>	
</body>
</html>